<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>橡树科技－JavaDemoSystem</title>
<link type="text/css" rel="stylesheet" media="all" href="../styles/global.css" />
<link type="text/css" rel="stylesheet" media="all" href="../styles/global_color.css"/>
<script language="javascript" type="text/javascript">
            //显示角色详细信息
            function showDetail(flag, a) {
                var detailDiv = a.parentNode.getElementsByTagName("div")[0];
                if (flag) {
                    detailDiv.style.display = "block";
                }
                else
                    detailDiv.style.display = "none";
            }
            //删除
            function deleteAccount() {
                var r = window.confirm("确定要删除此业务账号吗？删除后将不能恢复。");
                document.getElementById("operate_result_info").style.display = "block";
            }
            //开通或暂停
            function setState() {
                var r = window.confirm("确定要开通此业务账号吗？");
                document.getElementById("operate_result_info").style.display = "block";
            }
        </script>
</head>
<body>
 
<div id="header">
<img src="../images/logo.png"  alt="logo" class="left"/>
<a href="#">[退出]</a>
</div>
 
 
<div id="navi">
<ul id="menu">
<li><a href="../index.html"  class="index_off"></a></li>
<li><a href="../role/role_list.html"  class="role_off"></a></li>
<li><a href="../admin/admin_list.html" class="admin_off"></a></li>
<li><a href="../fee/fee_list.html"  class="fee_off"></a></li>
<li><a href="../account/account_list.html"  class="account_off"></a></li>
<li><a href="service_list.html"  class="service_on"></a></li>
<li><a href="../bill/bill_list.html"  class="bill_off"></a></li>
<li><a href="../report/report_list.html"  class="report_off"></a></li>
<li><a href="../user/user_info.html" class="information_off"></a></li>
<li><a href="../user/user_modi_pwd.html"  class="password_off"></a></li>
</ul>
</div>
 
 
<div id="main">
<form action="" method="">
 
<div class="search_add">
<div>OS 账号：<input type="text" value="" class="width100 text_search"/></div>
<div>服务器 IP：<input type="text" value="" class="width100 text_search"/></div>
<div>身份证：<input type="text" value="" class="text_search"/></div>
<div>状态：
<select class="select_search">
<option>全部</option>
<option>开通</option>
<option>暂停</option>
<option>删除</option>
</select>
</div>
<div><input type="button" value="搜索" class="btn_search"/></div>
<input type="button" value="增加" class="btn_add" onClick="location.href='service_add.html'"/>
</div>
 
<div id="operate_result_info" class="operate_success">
<img src="../images/close.png" onClick="this.parentNode.style.display='none';"/>
删除成功！
</div>
 
<div id="data">
<table id="datalist">
<tr>
<th class="width50">业务ID</th>
<th class="width70">账务账号ID</th>
<th class="width150">身份证</th>
<th class="width70">姓名</th>
<th>OS 账号</th>
<th class="width50">状态</th>
<th class="width100">服务器 IP</th>
<th class="width100">资费</th>
<th class="width200"></th>
</tr>
<tr>
<td><a href="service_detail.html"  title="查看明细">1</a></td>
<td>101</td>
<td>230102197902137862</td>
<td>张三</td>
<td>openlab1</td>
<td>开通</td>
<td>192.168.0.23</td>
<td>
<a class="summary" onMouseOver="showDetail(true,this);" onMouseOut="showDetail(false,this);">包 20 小时</a>
 
<div class="detail_info">
20小时，24.5 元，超出部分 0.03元/分钟
</div>
</td>
<td class="td_modi">
<input type="button" value="暂停" class="btn_pause" onClick="setState();"/>
<input type="button" value="修改" class="btn_modify" onClick="location.href='service_modi.html'"/>
<input type="button" value="删除" class="btn_delete" onClick="deleteAccount();"/>
</td>
</tr>
<tr>
<td><a href="service_detail.html"  title="查看明细">2</a></td>
<td>101</td>
<td>230102197902137862</td>
<td>张三</td>
<td>openlab2</td>
<td>暂停</td>
<td>192.168.100.20</td>
<td>
<a class="summary" onMouseOver="showDetail(true,this);" onMouseOut="showDetail(false,this);">包 40 小时</a>
 
<div class="detail_info">
40小时，40.5 元，超出部分 0.03元/分钟
</div>
</td>
<td class="td_modi">
<input type="button" value="开通" class="btn_start" onClick="setState();"/>
<input type="button" value="修改" class="btn_modify" onClick="location.href='service_modi.html'"/>
<input type="button" value="删除" class="btn_delete" onClick="deleteAccount();"/>
</td>
</tr>
<tr>
<td><a href="service_detail.html"  title="查看明细">3</a></td>
<td>101</td>
<td>230102197902137862</td>
<td>张三</td>
<td>openlab3</td>
<td>删除</td>
<td>192.168.10.23</td>
<td>
<a class="summary" onMouseOver="showDetail(true,this);" onMouseOut="showDetail(false,this);">包 60 小时</a>
 
<div class="detail_info">
60小时，55 元，超出部分 0.03元/分钟
</div>
</td>
<td class="td_modi">
</td>
</tr>
<tr>
<td><a href="service_detail.html"  title="查看明细">4</a></td>
<td>102</td>
<td>230102197902111111</td>
<td>李四</td>
<td>openlab1</td>
<td>开通</td>
<td>192.168.0.23</td>
<td>
<a class="summary" onMouseOver="showDetail(true,this);" onMouseOut="showDetail(false,this);">包 20 小时</a>
 
<div class="detail_info">
20小时，24.5 元，超出部分 0.03元/分钟
</div>
</td>
<td class="td_modi">
<input type="button" value="暂停" class="btn_pause" onClick="setState();"/>
<input type="button" value="修改" class="btn_modify" onClick="location.href='service_modi.html'"/>
<input type="button" value="删除" class="btn_delete" onClick="deleteAccount();"/>
</td>
</tr>
<tr>
<td><a href="service_detail.html"  title="查看明细">5</a></td>
<td>102</td>
<td>230102197902137862</td>
<td>张三</td>
<td>openlab1</td>
<td>开通</td>
<td>192.168.0.23</td>
<td>
<a class="summary" onMouseOver="showDetail(true,this);" onMouseOut="showDetail(false,this);">包 20 小时</a>
 
<div class="detail_info">
20小时，24.5 元，超出部分 0.03元/分钟
</div>
</td>
<td class="td_modi">
<input type="button" value="暂停" class="btn_pause" onClick="setState();"/>
<input type="button" value="修改" class="btn_modify" onClick="location.href='service_modi.html'"/>
<input type="button" value="删除" class="btn_delete" onClick="deleteAccount();"/>
</td>
</tr>
</table>
<p>业务说明：<br/>
1、创建即开通，记载创建时间；<br/>
2、暂停后，记载暂停时间；<br/>
3、重新开通后，删除暂停时间；<br/>
4、删除后，记载删除时间，标示为删除，不能再开通、修改、删除；<br/>
5、业务账号不设计修改密码功能，由用户自服务功能实现；<br/>
6、暂停和删除状态的账务账号下属的业务账号不能被开通。</p>
</div>
 
<div id="pages">
<a href="#">首页</a>
<a href="#">上一页</a>
<a href="#" class="current_page">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</div>
</form>
</div>
 
<div id="footer">
<p>[源自橡树的技术，最优秀的师资，最真实的企业环境，最适用的实战项目]</p>
<p>版权所有(C)橡树信息科技有限公司 </p>
</div>
</body>
</html>
